<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>AZ India</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="<?php echo HTTP_CSS_PATH; ?>bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="<?php echo HTTP_JS_PATH; ?>jquery.min.js"></script>
<script src="<?php echo HTTP_JS_PATH; ?>bootstrap.min.js"></script>
<link href="<?php echo HTTP_CSS_PATH; ?>font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="<?php echo HTTP_CSS_PATH; ?>style.css" rel="stylesheet" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oswald:400,700,300' rel='stylesheet' type='text/css'>
</head>
<body>
    <?php
    $pg = isset($page) && $page != '' ?  $page :'home'  ;    
    ?>
<div class="main_respo">
   <div class="header_out">
    <div class="header_in">
      <div class="header"> <a href="#" class="logo"> <img src="<?php echo HTTP_IMAGES_PATH; ?>logo.png" alt="AZ India" /> </a>
        <div class="header_right">
		<?php if($this->session->userdata('email')):?>
          <div class="h_r_lr"> <a href='login_ctrl/logout' class="h_register"><i class="fa fa-lock"></i><?php echo $this->session->userdata('email');?></a> <a href="#" class="h_login"><i class="fa fa-user-plus"></i> LOGIN</a></div>
		<?php else:?>
		          <div class="h_r_lr"> <a href='' class="h_register"><i class="fa fa-lock"></i> Register</a> <a href="#" class="h_login"><i class="fa fa-user-plus"></i> LOGIN</a></div>
		<?php endif;?>
          <!--<div class="h_r_nav"> <a href="#">Security</a><a href="#">Local</a> <a href="#">Blogs</a><a href="#">Services</a><a href="#">Directory</a> <a href="#">Jobs</a><a href="#">Classifieds</a><a href="#">Events <img src="images/arrow.png" /></a> </div>-->
          
          
         <div class="h_r_nav"> 
       <nav class="navbar navbar-default" role="navigation">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" 
         data-target="#example-navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
    <a class="dn" class="navbar-brand" href="#">Menu</a> </div>
  <div class="collapse navbar-collapse" id="example-navbar-collapse">
    <ul class="nav navbar-nav">
      <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Local <i class="fa fa-angle-down"></i></a>
        <ul class="dropdown-menu">
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
        </ul>
      </li>
      <li> <a href="#">Blogs</a></li>
      <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Services <i class="fa fa-angle-down"></i></a>
        <ul class="dropdown-menu">
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
        </ul>
      </li>
      <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Directory <i class="fa fa-angle-down"></i></a>
        <ul class="dropdown-menu">
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
        </ul>
      </li>
      <li> <a href="#">Jobs</a></li>
      <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Classifieds <i class="fa fa-angle-down"></i></a>
        <ul class="dropdown-menu">
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
        </ul>
      </li>
      <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Events <i class="fa fa-angle-down"></i></a>
        <ul class="dropdown-menu">
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
          <li><a href="#">Sample</a></li>
        </ul>
      </li>
    </ul>
  </div>
</nav>  
          
     </div>   
        </div>
      </div>
    </div>
  </div>